// 截取地址栏中用户输入的的值
var text = getUrl(location.href, 'text');
// console.log(text);

// 这里设置一个变量表示加载的页数  默认第一次为第一页
var page = 1;

// 这里还设置一个变量是为了解决页面数据被覆盖的问题
var html = '';

// 设置一个变量表示排序功能的排序条件
var priceSort = 1; // 默认为1表示升序排序 2表示降序

// 这设置一个变量为了下面改变this指向做判断
var This = null;

$(function() {



    // 上拉加载  下拉刷新
    mui.init({
        pullRefresh: {
            container: '#one', //待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等
            up: {
                height: 50, //可选.默认50.触发上拉加载拖动距离
                auto: true, //可选,默认false.自动上拉加载一次
                contentrefresh: "正在加载...", //可选，正在加载状态时，上拉加载控件上显示的标题内容
                contentnomore: '没有更多数据了', //可选，请求完毕若没有更多数据时显示的提醒内容；
                callback: getdata //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
            }
        }
    });





    // 完成排序功能
    // 1.对价格按钮添加一个移动端的轻敲事件
    // 2.将价格排序的规律发送到接口 告诉他你需要如何排序
    // 3.排序完成之后重置之前的各种功能
    // (1).清空页面数据
    // (2).设置加载当前页数为1
    // (3).重置上拉加载  下拉刷新
    // (4).将排序的结果渲染到页面
    $('#priceSort').on('tap', function() {
        // console.log(111);
        // 更改排序的排序条件  让他能实现切换排序功能
        priceSort = priceSort == 1 ? 2 : 1; // 意思：如果priceSort等于1，点击后变2，如果为2，点击之后变1
        html = '';
        page = 1;
        mui('#one').pullRefresh().refresh(true); // mui提供
        //    重置上拉加载  下拉刷新  也就是调用函数
        getdata();
    });



});



// 截取地址栏中的值的函数
function getUrl(url, name) {
    var params = url.substr(url.indexOf('?') + 1);
    var param = params.split('&');
    // console.log(param);
    for (var i = 0; i < param.length; i++) {
        var str = param[i].split('=');
        // console.log(str);
        if (str[i] == name) {
            // console.log(str[1]);
            return str[1];
        }
    }
    // 如果在循环的过程中没有找到值，就返回一个空
    return null;
}





function getdata() {
    // 做一个判断 判断这个this,为了避免排序时调用这个函数，让他指向时不要变为windo类型
    if (!This) { // 不为真 为假时
        This = this;
    }

    $.ajax({
        type: 'get',
        url: '/product/queryProduct',
        // 这让每次请求时让页数自加加
        data: { page: page++, pageSize: 2, proName: text, price: priceSort },
        success: function(res) {
            // console.log(res);

            // 为了避免当数据加载完后，用户重复刷新加载，判断一下数据的长度  做出提示
            if (res.data.length > 0) {

                // 这里是用页面原本的数据加上加载的数据防止页面被覆盖
                // var html = template('search-r', res);
                html += template('search-r', res);
                // console.log(html);

                $('.list').html(html);

                // 这里通知加载数据加载完毕的时候不能直接用 this ，因为指向的问题没有拿到理想的值需要改变指向

                // 告诉加载数据面板，数据加载完毕
                This.endPullupToRefresh(false);

            } else {
                // 告诉加载数据面板，没有跟多的数据了
                This.endPullupToRefresh(true);
            }

        }
    });
}